<%-- 
    Document   : PA_home
    Created on : 04/08/2011, 12:42:06 PM
    UserType   : Poll Admin
    Author     : Mamdouh Alharbi 41942989

--%>
<style>
    .error { color: red; }
    #button{
       padding-top: 20px; 
       float: right;
       
    }
    #tablecontainer{
        padding-right:130px;
    }
</style>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ include file="../header.jsp" %>

    <div id="content-container">
        <div id="content">
            <br/><br/>
               <div id="stylized" class="myform">
            
            <%Object temp =session.getAttribute("userID");%>
          
                  <h1>Create a new poll</h1>
                  <p>This is a form to create a new poll</p>
                  <form:form method="post" commandName="pollName">
                      <span hidden="true"><form:input path="userID" value="<%=temp%>"/></span>
                      <lable>Name
                          <span class="small">Add poll name</span>
                      </lable>
                      <div id="input"><form:input path="name"/></div>
                      <form:errors path="name" cssClass="error"/>
                      <input type="submit" align="center" value="Create">
                      <div class="spacer"></div>
                  </form:form>
        </div><br/><br/>
      </div>
    </div>		
	
<%@ include file="../footer.jsp" %>
<style>
body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #008833;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #008833;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #008833;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
</style>
